<template>
  <div class="u-for-com-item" :style="comStyle" vusion-slot-name="default">
    <slot :item="item" :index="index"></slot>
  </div>
</template>

<script>
export default {
    name: 'u-list-components-item',
    components: {
    },
    props: {
        item: {
            type: [Object, String, Number],
        },
        index: {
            type: [Object, String, Number],
        },
        colnum: {
            type: Number,
        },
        equalWidth: {
            type: Boolean,
            default: true,
        },
    },
    data() {
        return {
        };
    },
    computed: {
        comStyle() {
            if (this.colnum && this.equalWidth) {
                const num = this.colnum;
                const width = 100 / num;
                return {
                    width: width + '%',
                };
            }
            return {};
        },
    },
    watch: {
    },
    methods: {
    },
};
</script>
<style>
.u-for-com-item {
}
</style>
